﻿<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>车辆缉查管理系统-角色信息</title>
       
        <!-- CSS -->
        <link href="zhu/css/bootstrap.min.css" rel="stylesheet">
        <link href="zhu/css/animate.min.css" rel="stylesheet">
        <link href="zhu/css/font-awesome.min.css" rel="stylesheet">
        <link href="zhu/css/form.css" rel="stylesheet">
        <link href="zhu/css/calendar.css" rel="stylesheet">
        <link href="zhu/css/style.css" rel="stylesheet">
        <link href="zhu/css/icons.css" rel="stylesheet">
        <link href="zhu/css/generics.css" rel="stylesheet"> 

    </head>
    <body id="skin-blur-violate">

        <header id="header" class="media">
            <a href="" id="menu-toggle"></a> 
            <a class="logo pull-left" href="index.html">车辆缉查管理</a>
            
            <div class="media-body">
                <div class="media" id="top-menu">

                    

                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>
                    
                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">
            
            <!-- Sidebar -->
            <aside id="sidebar">
                
                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="zhu/img/profile-pic.jpg" alt="">
                        </a>
                        <ul class="dropdown-menu profile-menu">
                            <li><a href="登录.html">注销用户</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        </ul>
                        <h4 class="m-0">用户名</h4>
              
                    </div>
                    
                    <!-- Calendar -->
                    <div class="s-widget m-b-25">
                        <div id="sidebar-calendar"></div>
                    </div>
        
                    
                    <!-- Projects -->
                    
                        
                        <div class="s-widget-body">
                            
                            
                            
                           
                        </div>
                    </div>
                </div>
                
                <!-- Side Menu -->
                <ul class="list-unstyled side-menu">
                    <li class="active">
                        <a class="sa-side-home" href="index.html">
                            <span class="menu-item">主页</span>
                        </a>
                    </li>
                    <li>
                        <li class="dropdown">
                        <a class="sa-side-ui" href="">
                            <span class="menu-item">卡口系统</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="去哪">过车信息查询</a></li>
                            <li><a href="去哪">过车实时监控</a></li>
                            <li><a href="去哪">车辆轨迹回放</a></li>
                            <li><a href="去哪">卡口设备管理</a></li>
                        </ul>
                    </li>
                    <li>
                        <li class="dropdown">
                        <a class="sa-side-widget" href="">
                            <span class="menu-item">车辆缉查</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="去哪">车辆布控申请</a></li>
                            <li><a href="去哪">布控管理</a></li>
                            <li><a href="去哪">报警管理</a></li>
                        </ul>
                    </li>
                    <li>
                        <li class="dropdown">
                        <a class="sa-side-table" href="">
                            <span class="menu-item">套牌车管理</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="去哪">套牌车管理</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="sa-side-form" href="">
                            <span class="menu-item">资源管理</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="去哪">点位管理</a></li>
                            <li><a href="去哪">区域管理</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="sa-side-ui" href="">
                            <span class="menu-item">系统管理</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a href="去哪">人员管理</a></li>
                            <li><a href="去哪">日志管理</a></li>
                            <li><a href="去哪">个人管理</a></li>
                        </ul>
                    </li>
                    
                </ul>

            </aside>
        
            <!-- Content -->
            <section id="content" class="container">
            
                <!-- Messages Drawer -->
                <div id="messages" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Send a New Message</a>
                            <span class="drawer-close">&times;</span>
                            
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/5.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                                    <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- Notification Drawer -->
                <div id="notifications" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Notification Settings</a>
                            <span class="drawer-close">&times;</span>
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="zhu/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs">
                    
                    <li class="active"><a href="主页.html">主页</a></li>
                    <li><a href="登录.html">注销用户</a></li>
                </ol>
                
                <h4 class="page-title">角色信息</h4>
                                
                <!-- Shortcuts -->

                <hr class="whiter" />

                            <!-- main content -->
                     

                            <div class="tile">
                                <h2 class="tile-title">角色信息</h2>
                                  <div style="widht:1000px">
                                  <div style="float:left;width:400px">  
                      <form class="form-inline" role="form">
                                     <div class="form-group">
                                      <h2>用户名：<span class="label label-default">bdxz</span></h2>

                                       </div>
                                      </form>
                                       </div>
                                  <div style="float:right;width:400px">  
                      <form class="form-inline" role="form">
                                     <div class="form-group">
                                     <h2>角色：<span class="label label-default">杀手</span></h2>
                                       </div>
                                      </form>
                                       </div>
                                       </div>
</div>

<input type="text" style="visibility: hidden;width:100%;height:100px;" name ="我是用来占位置的"/>

<div class="form-group">

                           <h2>权限:</h2>
                            <div class="col-sm-4">
                                <select id="userPower" name="userPower" class="selectpicker show-tick form-control" multiple data-live-search="false"  data-width='fit' >
                                
                                        <option value="0">过车信息查询</option>
                                        <option value="1">过车历史查询</option>
                                        <option value="2">过车实时监控</option>
                                        <option value="3">车辆轨迹回放</option>
                                        <option value="4">车辆布控申请</option>
                                        <option value="5">车辆布控审核</option>
                                        <option value="6">缉查报警处理</option>
                                        <option value="7">报警查询</option>
                                        <option value="8">点位查看</option>
                                        <option value="9">点位管理</option>
                                        <option value="10">人员信息查看</option>
                                        <option value="11">个人信息查看</option>
                                        <option value="12">日志管理</option>
                                        <option value="13">角色管理</option>
                                </select>
                            </div>

                          </div>

<input type="text" style="visibility: hidden;width:50px;height:50px;" name ="我是用来占位置的"/>
 <div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
  <button type="button" class="btn btn-primary contact_button wow fadeInUp" onclick='save()'><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>
 </div>


                           
                
                
            </section>

            <!-- Older IE Message -->
            <!--[if lt IE 9]>
                <div class="ie-block">
                    <h1 class="Ops">Ooops!</h1>
                    <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                    <ul class="browsers">
                        <li>
                            <a href="https://www.google.com/intl/en/chrome/browser/">
                                <img src="zhu/img/browsers/chrome.png" alt="">
                                <div>Google Chrome</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.mozilla.org/en-US/firefox/new/">
                                <img src="zhu/img/browsers/firefox.png" alt="">
                                <div>Mozilla Firefox</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.opera.com/computer/windows">
                                <img src="zhu/img/browsers/opera.png" alt="">
                                <div>Opera</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://safari.en.softonic.com/">
                                <img src="zhu/img/browsers/safari.png" alt="">
                                <div>Safari</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                                <img src="zhu/img/browsers/ie.png" alt="">
                                <div>Internet Explorer(New)</div>
                            </a>
                        </li>
                    </ul>
                    <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
                </div>   
            <![endif]-->
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="zhu/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="zhu/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
        <script src="zhu/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

        <!-- Bootstrap -->
        <script src="zhu/js/bootstrap.min.js"></script>

        <!-- Charts -->
        <script src="zhu/js/charts/jquery.flot.js"></script> <!-- Flot Main -->
        <script src="zhu/js/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
        <script src="zhu/js/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
        <script src="zhu/js/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

        <script src="zhu/js/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
        <script src="zhu/js/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
        <script src="zhu/js/charts.js"></script> <!-- All the above chart related functions -->

        <!-- Map -->
        <script src="zhu/js/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
        <script src="zhu/js/maps/usa.js"></script> <!-- USA Map for jVectorMap -->

        <!--  Form Related -->
        <script src="zhu/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

        <!-- UX -->
        <script src="zhu/js/scroll.min.js"></script> <!-- Custom Scrollbar -->

        <!-- Other -->
        <script src="zhu/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="zhu/js/feeds.min.js"></script> <!-- News Feeds -->
        

        <!-- All JS functions -->
        <script src="zhu/js/functions.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="zhu/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="zhu/js/bootstrap-select.min.js"></script>


<script type="text/javascript">


function save() {
alert("保存成功");//获取值， $("#userPower").val()即可 
alert($("#userPower").val());

};

$(window).on('load', function () {
    $('#userPower').selectpicker({
        'noneSelectedText': '请选择'
    });
});
</script>


    </body>
</html>
